<template>
  <div>
    <div class="fs-rem-12px">fs-rem-12px</div>
    <div class="fs-rem-13px">fs-rem-13px</div>
    <div class="fs-rem-14px">fs-rem-14px</div>
    <div class="fs-rem-15px">fs-rem-15px</div>
    <div class="fs-rem-16px">fs-rem-16px</div>
    <div class="fs-rem-17px">fs-rem-17px</div>
    <div class="fs-rem-18px">fs-rem-18px</div>
    <div class="fs-rem-19px">fs-rem-19px</div>
    <div class="fs-rem-20px">fs-rem-20px</div>
    <div class="fs-rem-21px">fs-rem-21px</div>
    <div class="fs-rem-22px">fs-rem-22px</div>
    <div class="fs-rem-23px">fs-rem-23px</div>
    <div class="fs-rem-24px">fs-rem-24px</div>
    <div class="fs-rem-25px">fs-rem-25px</div>
    <div class="fs-rem-26px">fs-rem-26px</div>
    <div class="fs-rem-27px">fs-rem-27px</div>
    <div class="fs-rem-28px">fs-rem-28px</div>
    <div class="fs-rem-29px">fs-rem-29px</div>
    <div class="fs-rem-30px">fs-rem-30px</div>
  </div>
</template>

<script>
export default {
  mounted () {
  }
}
</script>

<style lang="scss" scoped>
// .fs-rem-12px {
//   font-size: 0.32rem;
// }
// .fs-rem-13px {
//   font-size: 0.3466666666666667rem;
// }
// .fs-rem-14px {
//   font-size: 0.37333333333333335rem;
// }
// .fs-rem-15px {
//   font-size: 0.4rem;
// }
// .fs-rem-15px {
//   font-size: .4rem;
// }
</style>
